<template>
  <vxe-pager v-bind="$attrs" v-on="$listeners">
    <template #left>
      <div class="page-left" v-if="$attrs.showDetails">
        <div v-if="$attrs.htmlValue == undefined">
<!--          提示：双击查看详细-->
          <span v-if="$attrs.rowSelection != false"><!--，-->已选择
               <a style="font-weight: 600">{{ $attrs.selectionRowsLength }}</a>项
               <a v-if="$attrs.selectionRowsLength !== 0" style="margin-left:5px;color: blue;cursor: pointer"
                  @click="$emit('clearSelected')">清空选择</a>
              </span>
        </div>
        <div v-else v-html="$attrs.htmlValue"></div>
      </div>
      <slot name="left"></slot>
    </template>
    <template #right>
      <slot name="right"></slot>
    </template>
  </vxe-pager>
</template>
<script>
export default {
  name: 'olPager',
  methods:{
    changes(){
      console.log("ASdsa")
    }
  }
}
</script>
<style lang="less" scoped>
/deep/ .vxe-pager--left-wrapper{
  float: left;
  //width: 50%;
}
/deep/ .vxe-pager--goto{
  height: 26px !important;
}
.page-left {
  position: relative;
  float: left;
  padding-right: 15px;
  z-index: 10;
}

.vxe-pager {
  height: 35px;
  top: 5px;
}
</style>
